import React from 'react'
import { connect } from 'react-redux'
import {
  RecommendWrapper,
  RecommendItem
} from '../style.js'

class Recommend extends React.Component{
  constructor(props){
    super(props)
  }
  render(){
    return (
      <RecommendWrapper>
        {
          this.props.list.map((item) => {
            return (
              <RecommendItem imgUrl={item.get("imgUrl")} key={item.get('id')}></RecommendItem>
            )
          })
        }
        
      </RecommendWrapper>
    )
  }
}

const mapState = (state) => ({
  list: state.getIn(["home", "recommendList"])
})
export default connect(mapState, null)(Recommend)